.login-banner{
    width: 100%;
    height: 120px;
    background-color: #00b38a;
}
.login-banner-c{
    padding-top:37px;
    height: 83px;
    background: url(../img/logo_ad.png) no-repeat left bottom;
    background-size: 228px 120px;
}

.login-banner-c .ad{
    float: left;
    height: 100px;
    padding-left: 237px;
    color: #fff;
    font-size: 14px;
}
.login-banner-c .ad img{
    display:  block;
    width: 330;
    height: 29px;
}
.login-banner-c .ad p{
    line-height: 30px;
    height: 30px;
}
.login-banner-c .login-form{
    float: right;
    height: 36px;
}

.login-banner-c .login-form .tel{
    float: left;
    width: 220px;
    height: 36px;
    margin-right: 10px;
}
.login-banner-c .login-form .tel .area-code{
    float:left;
    position: relative;
    width: 66px;
    height: 36px;
    padding: 0 4px;
    background-color: #fff;
    font-size: 16px;
    line-height: 36px; 
    color: #00b38a;
}
.login-banner-c .login-form .tel .area-code .area-code-now{
     display: block;
     width: 56px;
     height: 35px;
     padding-left: 10px;
     background: url(../img/arrow_down_small.png) no-repeat right center;
     color: #999999;
}
.login-banner-c .login-form .tel .area-code .area-code-list dl dt{
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
}
.login-banner-c .login-form .tel .area-code .area-code-list dl dd{
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
}
.login-banner-c .login-form .tel .area-code .area-code-list dl dd:hover{
    color: #66b486;
    background-color: #f4f4f4;
}
.login-banner-c .login-form .tel .area-code .area-code-list p{
    height: 140px;
    padding: 12px auto;
}
.login-banner-c .login-form .tel .area-code .area-code-list{
    position: absolute;
    display: none;
    border: 1px solid #fff;
    height: 290px;
    width: 216px;
    left: 0;
    top: 36px;
    overflow-y:scroll;
    background-color: #fff;
    cursor: default;
}
.login-banner-c .login-form .tel .area-code .area-code-list span{
    float: right;
}
.login-banner-c .login-form .tel .user-tel{
    float:left;
    width: 140px;
    height: 36px;
    padding-left: 5px;
    font-size: 16px;
}
.login-banner-c .login-form .varify-code{
    float: left;
    width: 150;
    height: 36px;
    margin-right: 50px;
}
.login-banner-c .login-form .varify-code{
    float: left;
    width: 150;
    height: 36px;
    margin-right: 10px;
    background-color: #fff;
}
.login-banner-c .login-form .varify-code input{
    float: left;
    width: 120px;
    height: 36px;
    font-size: 16px;
}
.login-banner-c .login-form .varify-code i{
    float: left;
    font-size: 16px;
    line-height: 36px;
    color: #00b38a;
}
.login-banner-c .login-form .varify-code span{
    float: left;
    height: 36px;
    margin-right: 30px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #00b38a;
}
.login-banner-c .login-form .login-register-btn{
    float: left;
    width: 100px;
    height: 36px;
    border: 1px solid #cceee7;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #cceee7;
}
.login-banner-c .login-form .login-register-btn:hover{
    background-color: #85c3a2;
    color: #e0f0e8;
}